$(function () {
  // 最后一步 优化时间展示样式 通过过滤器函数的方式
  template.defaults.imports.leach = function (data) {
    // 形参接收的是一个字符串 需要传给时间构造函数 创建一个实例来接收
    let date = new Date(data);
    let y = date.getFullYear();
    let m = (date.getMonth() + 1).toString().padStart(2, 0);
    let d = date.getDate().toString().padStart(2, 0);
    let h = date.getHours().toString().padStart(2, 0);
    let f = date.getMinutes().toString().padStart(2, 0);
    let s = date.getSeconds().toString().padStart(2, 0);
    return `${y}-${m}-${d} ${h}:${f}:${s}`;
  };
  // 2 通过AJAX向服务器发送数据请求
  $.ajax({
    type: "GET",
    url: "http://www.liulongbin.top:3006/api/news",
    success(res) {
      if (res.status !== 200) return alert("获取失败");
      // 6 渲染到data里的tags数据时 要将里面的字符串型转换城数组型
      res.data.forEach((item) => (item.tags = item.tags.split(",")));
      // 4 调用template函数
      let htmlStr = template("tmp_news", res);
      // 5 将数据渲染到HTML页面
      $("#news-list").html(htmlStr);
    },
  });
});
